<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

    <title>Document</title>
</head>
<body>
    <script>
        // 解决点击延迟的几种方案
        //1.第一种是： 在表头禁用浏览器的双击缩放行为

        //2. 第二种方法我们自己封装定义
        function tap(obj, callback) {
            var isMove = false;
            var startTime = 0; //记录触摸时候的时间变量å
            obj.addEventListener('touchstart', function() {
                // 获取手指的触摸时候的时间
                startTime = Date.now();
            });

            obj.addEventListener('touchmove', function (){
                isMove = true;
            });
            
            obj.addEventListener('touchend', function() {
                if (!isMove && Date.now() - startTime <= 150) {
                    // 是点击事件，可以回调
                    if (callback != null) {
                        callback();
                    }
                }
                // 重置变量
                isMove = false;
                startTime = 0;
            })
        }
    </script>
</body>
</html>